<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
 "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
 <head> 
   <title>jwitter - spring your messages</title> 
    <link rel="stylesheet" href="http://yui.yahooapis.com/2.5.1/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css"> 
	<link rel="stylesheet" href="css/style.css" type="text/css"> 
 </head> 
 <body> 
  <div id="doc3" class="yui-t7"> 
	<div id="hd" class='header'>
		<div class="lang"><a href='#'>en</a>|es</div>
		<div class="head"><a href='login.html'>login</a></div>		
		<div id='small_logo'>
			<a href='index.html'><img src='img/logo_small.png'/>
			<img src='img/letras_small.gif'/></a>
		</div>
						
	</div> <!-- header -->
	 <div id="bd"> 
	  <div class="yui-g"> 
    	<div class="content">
    		<div id="big_logo">
    			<img src="img/logo.png"/>	
    		</div>
			<h2>
			Bienvenido a <span class="jwitter">jwitter</span>. Conversa con tus amigos usando tu microblog <br/>
			Puedes enviar mensajes de hasta 144 caracteres.<br/>
			</h2>
			<br/>
			<a href='registro.html'><img src="img/registrate.png"></a> o haz <a href='login.html'>login</a> para empezar a usarlo.
			<br/>			<br/>			<br/>			<br/>			<br/>
    	</div>
		</div>

	  </div> 
		<!-- starts 2nd row -->
	  <div class="yui-gc"> 
	   <div class="content">
		    <div class="yui-u first"> 
				<h3>&Uacute;ltimos comentarios</h3>
				<br/>
				<ul class="comment">
					<li>
						<div class="usuario">
							<img src="img/duke.gif" title="ver mensajes del duke"/>
						</div>
						<div class="texto">
							<h1>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque vel leo.</h1>
							<span>enviado por <a href='usuario.html'>duke</a> 11/06/08/ 11:43</span>
						</div>
					</li>
					<li>
						<div class="usuario">
							<img src="img/duke.gif" title="ver mensajes del duke"/>
						</div>
						<div class="texto">
							<h1>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque vel leo.</h1>
							<span>enviado por <a href='usuario.html'>duke</a> 11/06/08/ 11:43</span>
						</div>
					</li>
					<li>
						<div class="usuario">
							<img src="img/duke.gif" title="ver mensajes del duke"/>
						</div>
						<div class="texto">
							<h1>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque vel leo.</h1>
							<span>enviado por <a href='usuario.html'>duke</a> 11/06/08/ 11:43</span>
						</div>
					</li>
					<li>
						<div class="usuario">
							<img src="img/duke.gif" title="ver mensajes del duke"/>
						</div>
						<div class="texto">
							<h1>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque vel leo.</h1>
							<span>enviado por <a href='usuario.html'>duke</a> 11/06/08/ 11:43</span>
						</div>
					</li>
					<li>
						<div class="usuario">
							<img src="img/duke.gif" title="ver mensajes del duke"/>
						</div>
						<div class="texto">
							<h1>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque vel leo.</h1>
							<span>enviado por <a href='usuario.html'>duke</a> 11/06/08/ 11:43</span>
						</div>
					</li>
					<li>
						<div class="usuario">
							<img src="img/duke.gif" title="ver mensajes del duke"/>
						</div>
						<div class="texto">
							<h1>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque vel leo.</h1>
							<span>enviado por <a href='usuario.html'>duke</a> 11/06/08/ 11:43</span>
						</div>
					</li>
				</ul>
				<br/>
				<br/>
	        </div><!-- yui-u first --> 
		    <div class="yui-u"> 
				<h3>usuarios</h3>
				<br/>
				<ul class="clearfix">
					
					<li><a href='usuario.html' title="ver el usuario duke"><img src="img/duke.gif" title="ver mensajes del duke"/></a></li>
					<li><a href='usuario.html'><img src="img/duke.gif" title="ver mensajes del duke"/></a></li>
					<li><a href='usuario.html'><img src="img/duke.gif" title="ver mensajes del duke"/></a></li>
					<li><a href='usuario.html'><img src="img/duke.gif" title="ver mensajes del duke"/></a></li>
					<li><a href='usuario.html'><img src="img/duke.gif" title="ver mensajes del duke"/></a></li>
					<li><a href='usuario.html'><img src="img/duke.gif" title="ver mensajes del duke"/></a></li>
				</ul>
	        </div> <!-- yui-u -->
		</div>
 	   </div>  <!--yui-g 2nd row -->
	</div> <!-- bd -->
    <div id="ft" class="footer"><div class="footer_letras">&copy javaHispano 2008</div></div> 
  </div> 
  </body> 
</html> 
